@import './reset';
::-webkit-input-placeholder { color:#B3B3B3; }
body{
	background: white;
}
.container{
	width: 100%;
	/*background: #F5F8FA;*/
	overflow: hidden;
	box-sizing: border-box;
	.search-bar{
		width: 100%;
		background:white;
		height: calculateRem(54px);
		padding: calculateRem(9px) calculateRem(16px);
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		box-sizing: border-box;
		/*border-bottom: 1px solid #f1f1f1;*/
		.search-inner{
			width: 100%;
			height: calculateRem(36px);
			box-sizing: border-box;
			border-radius: 2px;
			border: 1px solid #E1E5E8;
			>img{
				width: calculateRem(14px);
				height: calculateRem(14px);
				margin-right: calculateRem(9px);
				margin-left: calculateRem(11px);
				vertical-align: text-top;
			}
			>input{
				width: 80%;
				height: calculateRem(34px);
				box-sizing: border-box;
				outline: none;
				border: transparent;
				font-size: calculateRem(16px);
				color: #333;

			}
		}
	}
	.results{
		width: 100%;
		height: auto;
		padding: calculateRem(54px) calculateRem(16px) 0;

		.r-list{
			width: 100%;
			height: calculateRem(47px);
			line-height: calculateRem(46px);
			box-sizing: border-box;
			border-bottom: 1px solid #f1f1f1;
			font-size: calculateRem(17px);
			color: #888;
			text-indent: calculateRem(36px);
			@include ell;
			>i{
				color: #333;
			}


		}
	}

	.empty{
		text-align: center;
		>img{
			width: calculateRem(60px);
			height: calculateRem(60px);
			margin-top: calculateRem(95px);
		}
		>p{
			color: #5C656B;
			font-size: calculateRem(15px);
			margin-top: calculateRem(16px);
		}
	}
}